<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>医院基本信息数据统计表</h1>
            </div>

            <form id="date-form" class="form-horizontal" Nice-validator>
                <div class="row align-items-end chose-row">
                    <div class="col-xs-4 col-sm-3">
                        <label class="control-label">{:__('请在历来所有季度中选择季度')}:</label>
                        <select id="quarter-select" name="quarter" class="form-control">
                            {volist name="quarterList" id="quarter"}
                            <option value="{$quarter.quarter}">{$quarter.quarter}</option>
                            {/volist}
                        </select>
                    </div>

                    <!-- 提交按钮 -->
                    <div class="col-xs-4 col-sm-3">
                        <button id="submit-btn" type="" class="btn btn-primary">{:__('OK')}</button>
                    </div>
                    <div class="col-xs-4 col-sm-3">
                    </div>
                    <!-- // 导出Excel -->
                    <div class="col-xs-4 col-sm-3 text-right">
                        <button id="export-btn" type="button" class="btn btn-success">{:__('导出Excel')}</button>
                    </div>
                    <!-- // 测试按钮 -->
                    <!-- <div class="col-xs-12 col-sm-3">
                        <button id="test-btn" type="" class="btn btn-primary">{:__('TEST')}</button>
                    </div> -->
                </div>
            </form>

            <!-- // 各科室指标 数据 -->
            <div class="row clearfix table-container">
                <!-- // 病区 -->
                <div class="col-md-12">
                    <div style="overflow-x: auto">
                        <table class="table table-bordered table-hover" id="departTargetTable">
                            <thead class="">
                                <tr class="text-center">
                                    <th class="text-left">项目\科室</th>
                                    <th class="text-center">ICU</th>
                                    <th class="text-center">外科</th>
                                    <th class="text-center">胸外</th>
                                    <th class="text-center">乳一</th>
                                    <th class="text-center">乳二</th>
                                    <th class="text-center">妇科</th>
                                    <th class="text-center">内一</th>
                                    <th class="text-center">内二</th>
                                    <th class="text-center">放一</th>
                                    <th class="text-center">放二</th>
                                    <th class="text-center">放三</th>
                                    <th class="text-center">结一</th>
                                    <th class="text-center">结二</th>
                                    <th class="text-center">结三</th>
                                    <th class="text-center">放射科</th>
                                    <th class="text-center">供应室</th>
                                    <th class="text-center">ECT</th>
                                    <th class="text-center">配液</th>
                                    <th class="text-center">窥镜</th>
                                    <th class="text-center">结门</th>
                                    <th class="text-center">门诊</th>
                                    <th class="text-center">手术室</th>
                                    <th class="text-center">功能科</th>
                                    <th class="text-center">护理部</th>
                                    <th class="text-center">总数</th>
                                </tr>
                            </thead>
                            <tbody class="text-center">

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- // 病区敏感数据 -->
            <div class="row clearfix table-container">
                <!-- // 病区 -->
                <div class="col-md-12">
                    <div style="overflow-x: auto">
                        <table class="table table-bordered table-hover" id="areaDataTable">
                            <thead class="">
                                <tr class="text-center">
                                    <th class="text-left">项目\科室</th>
                                    <th class="text-center">ICU</th>
                                    <th class="text-center">外科</th>
                                    <th class="text-center">胸外</th>
                                    <th class="text-center">乳一</th>
                                    <th class="text-center">乳二</th>
                                    <th class="text-center">妇科</th>
                                    <th class="text-center">内一</th>
                                    <th class="text-center">内二</th>
                                    <th class="text-center">放一</th>
                                    <th class="text-center">放二</th>
                                    <th class="text-center">放三</th>
                                    <th class="text-center">结一</th>
                                    <th class="text-center">结二</th>
                                    <th class="text-center">结三</th>
                                    <th class="text-center">放射科</th>
                                    <th class="text-center">供应室</th>
                                    <th class="text-center">ECT</th>
                                    <th class="text-center">配液</th>
                                    <th class="text-center">窥镜</th>
                                    <th class="text-center">结门</th>
                                    <th class="text-center">门诊</th>
                                    <th class="text-center">手术室</th>
                                    <th class="text-center">功能科</th>
                                    <th class="text-center">护理部</th>
                                    <th class="text-center">总数</th>
                                </tr>
                            </thead>
                            <tbody class="text-center">

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- // 护士 -->
            <div class="row clearfix table-container">
                <!-- // 护士 职称 -->
                <div class="col-md-12">
                    <div style="overflow-x: auto">
                        <table class="table table-bordered table-hover" id="JobTitleTable">
                            <thead class="">
                                <tr class="text-center">
                                    <th class="text-left">项目\科室</th>
                                    <th class="text-center">ICU</th>
                                    <th class="text-center">外科</th>
                                    <th class="text-center">胸外</th>
                                    <th class="text-center">乳一</th>
                                    <th class="text-center">乳二</th>
                                    <th class="text-center">妇科</th>
                                    <th class="text-center">内一</th>
                                    <th class="text-center">内二</th>
                                    <th class="text-center">放一</th>
                                    <th class="text-center">放二</th>
                                    <th class="text-center">放三</th>
                                    <th class="text-center">结一</th>
                                    <th class="text-center">结二</th>
                                    <th class="text-center">结三</th>
                                    <th class="text-center">放射科</th>
                                    <th class="text-center">供应室</th>
                                    <th class="text-center">ECT</th>
                                    <th class="text-center">配液</th>
                                    <th class="text-center">窥镜</th>
                                    <th class="text-center">结门</th>
                                    <th class="text-center">门诊</th>
                                    <th class="text-center">手术室</th>
                                    <th class="text-center">功能科</th>
                                    <th class="text-center">护理部</th>
                                    <th class="text-center">总数</th>
                                </tr>
                            </thead>
                            <tbody class="text-center">

                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- // 护士 学历 -->
                <div class="col-md-12 table-content">
                    <div style="overflow-x: auto">
                        <table class="table table-bordered table-hover" id="EducationBackTable">
                            <thead>
                                <tr class="text-center">
                                    <th class="text-left">项目\科室</th>
                                    <th class="text-center">ICU</th>
                                    <th class="text-center">外科</th>
                                    <th class="text-center">胸外</th>
                                    <th class="text-center">乳一</th>
                                    <th class="text-center">乳二</th>
                                    <th class="text-center">妇科</th>
                                    <th class="text-center">内一</th>
                                    <th class="text-center">内二</th>
                                    <th class="text-center">放一</th>
                                    <th class="text-center">放二</th>
                                    <th class="text-center">放三</th>
                                    <th class="text-center">结一</th>
                                    <th class="text-center">结二</th>
                                    <th class="text-center">结三</th>
                                    <th class="text-center">放射科</th>
                                    <th class="text-center">供应室</th>
                                    <th class="text-center">ECT</th>
                                    <th class="text-center">配液</th>
                                    <th class="text-center">窥镜</th>
                                    <th class="text-center">结门</th>
                                    <th class="text-center">门诊</th>
                                    <th class="text-center">手术室</th>
                                    <th class="text-center">功能科</th>
                                    <th class="text-center">护理部</th>
                                    <th class="text-center">总数</th>
                                </tr>
                            </thead>
                            <tbody class="text-center">

                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- // 护士 年资 -->
                <div class="col-md-12 table-content">
                    <div style="overflow-x: auto">
                        <table class="table table-bordered table-hover" id="YearPayTable">
                            <thead>
                                <tr class="text-center">
                                    <th class="text-left">项目\科室</th>
                                    <th class="text-center">ICU</th>
                                    <th class="text-center">外科</th>
                                    <th class="text-center">胸外</th>
                                    <th class="text-center">乳一</th>
                                    <th class="text-center">乳二</th>
                                    <th class="text-center">妇科</th>
                                    <th class="text-center">内一</th>
                                    <th class="text-center">内二</th>
                                    <th class="text-center">放一</th>
                                    <th class="text-center">放二</th>
                                    <th class="text-center">放三</th>
                                    <th class="text-center">结一</th>
                                    <th class="text-center">结二</th>
                                    <th class="text-center">结三</th>
                                    <th class="text-center">放射科</th>
                                    <th class="text-center">供应室</th>
                                    <th class="text-center">ECT</th>
                                    <th class="text-center">配液</th>
                                    <th class="text-center">窥镜</th>
                                    <th class="text-center">结门</th>
                                    <th class="text-center">门诊</th>
                                    <th class="text-center">手术室</th>
                                    <th class="text-center">功能科</th>
                                    <th class="text-center">护理部</th>
                                    <th class="text-center">总数</th>
                                </tr>
                            </thead>
                            <tbody class="text-center">

                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<style type="text/css">
    .container {
        width: 100%;
        background-color: #fff;
    }

    .chose-row {
        display: flex;
        align-items: end;
    }

    .table-container {
        margin-top: 20px;
    }

    .table-header {
        position: sticky !important;
        top: 0;
    }

    .table-content {
        margin-top: 20px;
    }

    .table-row>td {
        padding: 4px !important;
        vertical-align: middle !important;
    }

    .form-control {
        padding: 0 !important;
        text-align: center;
    }

    .one-col {
        width: 180px;
    }

    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type="number"] {
        -moz-appearance: textfield;
    }

    /* 隐藏不需要的月份 */
    .datetimepicker.quarter .month:nth-child(n + 5) {
        display: none;
    }
</style>